{% extends 'html模板/案件-base.html' %}
{% load staticfiles %}
{% block css %}

{% endblock %}

{% block mianbaoxiedaohang %}
    案件统计分析图
{% endblock %}

{% block main %}
    <!--概览-->
    <div class="row-fluid">
        <div class="widget-box">
            <div class="widget-title bg_lg"><span class="icon"><i class="icon-signal"></i></span>
                <h5>案件办理情况导航</h5>
            </div>
            <div class="quick-actions_homepage">
                <ul class="site-stats my-site-stats">
                    <li class="bg_lg"><i class="icon-edit"></i> <strong>{{ obj.ajzs|default:0 }}</strong>
                        <small>立案数</small>
                    </li>
                    <li class="bg_ly"><i class="icon-ok-circle"></i> <strong>{{ obj.jas|default:0 }}</strong>
                        <small>结案数</small>
                    </li>
                    <li class="bg_ls"><i class="icon-paper-clip"></i> <strong>{{ obj.saje|default:0 }}</strong>
                        <small>涉案金额</small>
                    </li>
                    <li class="bg_lb"><i class="icon-link"></i> <strong>{{ obj.cfje|default:0 }}</strong>
                        <small>处罚金额</small>
                    </li>
                    <li class="bg_lo"><i class="icon-repeat"></i> <strong>{{ obj.yjs|default:0 }}</strong>
                        <small>移交司法数</small>
                    </li>
                    <li class="bg_lg"><i class="icon-tint"></i> <strong>{{ obj.yjjes|default:0 }}</strong>
                        <small>移交涉案金额</small>
                    </li>
                    <li class="bg_ly"><i class="icon-sign-blank"></i> <strong>{{ obj.hwds|default:0 }}</strong>
                        <small>捣毁黑窝点</small>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--办案数量统计-->
    <div class="row-fluid">
        <div class="widget-box">
            <div class="widget-title bg_lg"><span class="icon"><i class="icon-signal"></i></span>
                <h5>办案数量统计</h5>
            </div>
            <div class="widget-content">
                <div class="row-fluid">
                    <div class="span12 myspan12">
                        <div id="9c893740665f41449c15edcb71e5b539" class="chart-container"
                             style="width:1400px; height:500px;margin: 0 auto"></div>
                        <script>
                            $('#9c893740665f41449c15edcb71e5b539').width($('.myspan12').width())
                        </script>
                        <script>
                            var chart_9c893740665f41449c15edcb71e5b539 = echarts.init(
                                document.getElementById('9c893740665f41449c15edcb71e5b539'), 'white', {renderer: 'canvas'});
                            var option_9c893740665f41449c15edcb71e5b539 = {
                                "animation": true,
                                "animationThreshold": 2000,
                                "animationDuration": 1000,
                                "animationEasing": "cubicOut",
                                "animationDelay": 0,
                                "animationDurationUpdate": 300,
                                "animationEasingUpdate": "cubicOut",
                                "animationDelayUpdate": 0,
                                "color": [
                                    "#c23531",
                                    "#2f4554",
                                    "#61a0a8",
                                    "#d48265",
                                    "#749f83",
                                    "#ca8622",
                                    "#bda29a",
                                    "#6e7074",
                                    "#546570",
                                    "#c4ccd3",
                                    "#f05b72",
                                    "#ef5b9c",
                                    "#f47920",
                                    "#905a3d",
                                    "#fab27b",
                                    "#2a5caa",
                                    "#444693",
                                    "#726930",
                                    "#b2d235",
                                    "#6d8346",
                                    "#ac6767",
                                    "#1d953f",
                                    "#6950a1",
                                    "#918597"
                                ],
                                "series": [
                                    {
                                        "type": "bar",
                                        "name": "立案数",
                                        "data": [
                                            59,
                                            87,
                                            47,
                                            68,
                                            60,
                                            87,
                                            36,
                                            23,
                                            30,
                                            53,
                                            32,
                                            21,
                                            97,
                                            39,
                                            70,
                                            96,
                                            84,
                                            28,
                                            97,
                                            20,
                                            28,
                                            45,
                                            42,
                                            60,
                                            52,
                                            29,
                                            35,
                                            97
                                        ],
                                        "barCategoryGap": "20%",
                                        "label": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8
                                        }
                                    },
                                    {
                                        "type": "bar",
                                        "name": "结案数",
                                        "data": [
                                            64,
                                            37,
                                            33,
                                            63,
                                            18,
                                            74,
                                            53,
                                            32,
                                            74,
                                            60,
                                            11,
                                            64,
                                            17,
                                            46,
                                            23,
                                            28,
                                            50,
                                            58,
                                            52,
                                            70,
                                            81,
                                            40,
                                            62,
                                            41,
                                            80,
                                            81,
                                            39,
                                            28
                                        ],
                                        "barCategoryGap": "20%",
                                        "label": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8
                                        }
                                    }
                                ],
                                "legend": [
                                    {
                                        "data": [
                                            "立案数",
                                            "结案数"
                                        ],
                                        "selected": {
                                            "立案数": true,
                                            "结案数": false
                                        },
                                        "show": true,
                                        "padding": 5,
                                        "itemGap": 10,
                                        "itemWidth": 25,
                                        "itemHeight": 14
                                    }
                                ],
                                "tooltip": {
                                    "show": true,
                                    "trigger": "axis",
                                    "triggerOn": "mousemove|click",
                                    "axisPointer": {
                                        "type": "cross"
                                    },
                                    "textStyle": {
                                        "fontSize": 14
                                    },
                                    "borderWidth": 0
                                },
                                "xAxis": [
                                    {
                                        "type": "category",
                                        "show": true,
                                        "scale": false,
                                        "nameLocation": "end",
                                        "nameGap": 15,
                                        "gridIndex": 0,
                                        "axisPointer": {
                                            "show": true,
                                            "type": "shadow"
                                        },
                                        "inverse": false,
                                        "offset": 0,
                                        "splitNumber": 5,
                                        "minInterval": 0,
                                        "splitLine": {
                                            "show": false,
                                            "lineStyle": {
                                                "show": true,
                                                "width": 1,
                                                "opacity": 1,
                                                "curveness": 0,
                                                "type": "solid"
                                            }
                                        },
                                        "data": {{ obj.pic1.jx | safe}}
                                    }
                                ],
                                "yAxis": [
                                    {
                                        "type": "value",
                                        "name": "案件数",
                                        "show": true,
                                        "scale": false,
                                        "nameLocation": "end",
                                        "nameGap": 15,
                                        "gridIndex": 0,
                                        "axisTick": {
                                            "show": true,
                                            "alignWithLabel": false,
                                            "inside": false
                                        },
                                        "inverse": false,
                                        "offset": 0,
                                        "splitNumber": 5,
                                        "min": 0,
                                        "max": 100,
                                        "minInterval": 0,
                                        "splitLine": {
                                            "show": true,
                                            "lineStyle": {
                                                "show": true,
                                                "width": 1,
                                                "opacity": 1,
                                                "curveness": 0,
                                                "type": "solid"
                                            }
                                        }
                                    }
                                ],
                                "title": [
                                    {
                                        "padding": 5,
                                        "itemGap": 10
                                    }
                                ],
                                "toolbox": {
                                    "show": true,
                                    "orient": "horizontal",
                                    "itemSize": 15,
                                    "itemGap": 10,
                                    "left": "80%",
                                    "feature": {
                                        "saveAsImage": {
                                            "show": true,
                                            "title": "save as image",
                                            "type": "png"
                                        },
                                        "restore": {
                                            "show": true,
                                            "title": "restore"
                                        },
                                        "dataView": {
                                            "show": true,
                                            "title": "data view",
                                            "readOnly": false
                                        },
                                        "dataZoom": {
                                            "show": true,
                                            "title": {
                                                "zoom": "data zoom",
                                                "back": "data zoom restore"
                                            }
                                        }
                                    }
                                },
                                "dataZoom": {
                                    "show": true,
                                    "type": "slider",
                                    "realtime": true,
                                    "start": 0,
                                    "end": 65,
                                    "orient": "horizontal",
                                    "zoomLock": false
                                },
                                "grid": {
                                    // top: '10%',
                                    left: '2%',
                                    right: '2%',
                                    bottom: '10%',
                                    containLabel: true,
                                },
                            };
                            chart_9c893740665f41449c15edcb71e5b539.setOption(option_9c893740665f41449c15edcb71e5b539);
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--案件金额统计-->
    <div class="row-fluid">
        <div class="widget-box">
            <div class="widget-title bg_lg"><span class="icon"><i class="icon-signal"></i></span>
                <h5>案件金额统计</h5>
            </div>
            <div class="widget-content">
                <div class="row-fluid">
                    <div class="span12 myspan12">
                        <div id="9c893740665f41449c15edcb71e5b540" class="chart-container"
                             style="width:1400px; height:500px;margin: 0 auto"></div>
                        <script>
                            $('#9c893740665f41449c15edcb71e5b540').width($('.myspan12').width())
                        </script>
                        <script>
                            var chart_9c893740665f41449c15edcb71e5b540 = echarts.init(
                                document.getElementById('9c893740665f41449c15edcb71e5b540'), 'white', {renderer: 'canvas'});
                            var option_9c893740665f41449c15edcb71e5b540 = {
                                "animation": true,
                                "animationThreshold": 2000,
                                "animationDuration": 1000,
                                "animationEasing": "cubicOut",
                                "animationDelay": 0,
                                "animationDurationUpdate": 300,
                                "animationEasingUpdate": "cubicOut",
                                "animationDelayUpdate": 0,
                                "color": [
                                    "#c23531",
                                    "#2f4554",
                                    "#61a0a8",
                                    "#d48265",
                                    "#749f83",
                                    "#ca8622",
                                    "#bda29a",
                                    "#6e7074",
                                    "#546570",
                                    "#c4ccd3",
                                    "#f05b72",
                                    "#ef5b9c",
                                    "#f47920",
                                    "#905a3d",
                                    "#fab27b",
                                    "#2a5caa",
                                    "#444693",
                                    "#726930",
                                    "#b2d235",
                                    "#6d8346",
                                    "#ac6767",
                                    "#1d953f",
                                    "#6950a1",
                                    "#918597"
                                ],
                                "series": [
                                    {
                                        "type": "bar",
                                        "name": "涉案金额",
                                        "data": [
                                            59,
                                            87,
                                            47,
                                            68,
                                            60,
                                            87,
                                            36,
                                            23,
                                            30,
                                            53,
                                            32,
                                            21,
                                            97,
                                            39,
                                            70,
                                            96,
                                            84,
                                            28,
                                            97,
                                            20,
                                            28,
                                            45,
                                            42,
                                            60,
                                            52,
                                            29,
                                            35,
                                            97
                                        ],
                                        "barCategoryGap": "20%",
                                        "label": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8
                                        }
                                    },
                                    {
                                        "type": "bar",
                                        "name": "罚款金额",
                                        "data": [
                                            64,
                                            37,
                                            33,
                                            63,
                                            18,
                                            74,
                                            53,
                                            32,
                                            74,
                                            60,
                                            11,
                                            64,
                                            17,
                                            46,
                                            23,
                                            28,
                                            50,
                                            58,
                                            52,
                                            70,
                                            81,
                                            40,
                                            62,
                                            41,
                                            80,
                                            81,
                                            39,
                                            28
                                        ],
                                        "barCategoryGap": "20%",
                                        "label": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8
                                        }
                                    }
                                ],
                                "legend": [
                                    {
                                        "data": [
                                            "涉案金额",
                                            "罚款金额"
                                        ],
                                        "selected": {
                                            "涉案金额": true,
                                            "罚款金额": false
                                        },
                                        "show": true,
                                        "padding": 5,
                                        "itemGap": 10,
                                        "itemWidth": 25,
                                        "itemHeight": 14
                                    }
                                ],
                                "tooltip": {
                                    "show": true,
                                    "trigger": "axis",
                                    "triggerOn": "mousemove|click",
                                    "axisPointer": {
                                        "type": "cross"
                                    },
                                    "textStyle": {
                                        "fontSize": 14
                                    },
                                    "borderWidth": 0
                                },
                                "xAxis": [
                                    {
                                        "type": "category",
                                        "show": true,
                                        "scale": false,
                                        "nameLocation": "end",
                                        "nameGap": 15,
                                        "gridIndex": 0,
                                        "axisPointer": {
                                            "show": true,
                                            "type": "shadow"
                                        },
                                        "inverse": false,
                                        "offset": 0,
                                        "splitNumber": 5,
                                        "minInterval": 0,
                                        "splitLine": {
                                            "show": false,
                                            "lineStyle": {
                                                "show": true,
                                                "width": 1,
                                                "opacity": 1,
                                                "curveness": 0,
                                                "type": "solid"
                                            }
                                        },
                                        "data":{{ obj.pic2.jx | safe}}
                                    }
                                ],
                                "yAxis": [
                                    {
                                        "type": "value",
                                        "name": "金额（万元）",
                                        "show": true,
                                        "scale": false,
                                        "nameLocation": "end",
                                        "nameGap": 15,
                                        "gridIndex": 0,
                                        "axisTick": {
                                            "show": true,
                                            "alignWithLabel": false,
                                            "inside": false
                                        },
                                        "inverse": false,
                                        "offset": 0,
                                        "splitNumber": 5,
                                        "min": 0,
                                        "max": 100,
                                        "minInterval": 0,
                                        "splitLine": {
                                            "show": true,
                                            "lineStyle": {
                                                "show": true,
                                                "width": 1,
                                                "opacity": 1,
                                                "curveness": 0,
                                                "type": "solid"
                                            }
                                        }
                                    }
                                ],
                                "title": [
                                    {
                                        "padding": 5,
                                        "itemGap": 10
                                    }
                                ],
                                "toolbox": {
                                    "show": true,
                                    "orient": "horizontal",
                                    "itemSize": 15,
                                    "itemGap": 10,
                                    "left": "80%",
                                    "feature": {
                                        "saveAsImage": {
                                            "show": true,
                                            "title": "save as image",
                                            "type": "png"
                                        },
                                        "restore": {
                                            "show": true,
                                            "title": "restore"
                                        },
                                        "dataView": {
                                            "show": true,
                                            "title": "data view",
                                            "readOnly": false
                                        },
                                        "dataZoom": {
                                            "show": true,
                                            "title": {
                                                "zoom": "data zoom",
                                                "back": "data zoom restore"
                                            }
                                        }
                                    }
                                },
                                "dataZoom": {
                                    "show": true,
                                    "type": "slider",
                                    "realtime": true,
                                    "start": 0,
                                    "end": 65,
                                    "orient": "horizontal",
                                    "zoomLock": false
                                },
                                "grid": {
                                    // top: '10%',
                                    left: '2%',
                                    right: '2%',
                                    bottom: '10%',
                                    containLabel: true,
                                },
                            };
                            chart_9c893740665f41449c15edcb71e5b540.setOption(option_9c893740665f41449c15edcb71e5b540);
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--案件类型统计-->
    <div class="row-fluid">
        <div class="widget-box">
            <div class="widget-title bg_lg"><span class="icon"><i class="icon-signal"></i></span>
                <h5>案件类型统计</h5>
            </div>
            <div class="widget-content">
                <div class="row-fluid">
                    <div class="span12 ajlxtj">
                        <div id="45a0a9e0f0774838b29f87bb26663af4" class="chart-container"
                             style="margin: 0 auto"></div>
                        <script>
                            $('#45a0a9e0f0774838b29f87bb26663af4').width($('.ajlxtj').width())
                            $('#45a0a9e0f0774838b29f87bb26663af4').height($('.ajlxtj').width() / 2.5)
                        </script>
                        <script>
                            var chart_45a0a9e0f0774838b29f87bb26663af4 = echarts.init(
                                document.getElementById('45a0a9e0f0774838b29f87bb26663af4'), 'white', {renderer: 'canvas'});
                            var option_45a0a9e0f0774838b29f87bb26663af4 = {
                                "animation": true,
                                "animationThreshold": 2000,
                                "animationDuration": 1000,
                                "animationEasing": "cubicOut",
                                "animationDelay": 0,
                                "animationDurationUpdate": 300,
                                "animationEasingUpdate": "cubicOut",
                                "animationDelayUpdate": 0,
                                "color": [
                                    "#c23531",
                                    "#2f4554",
                                    "#61a0a8",
                                    "#d48265",
                                    "#749f83",
                                    "#ca8622",
                                    "#bda29a",
                                    "#6e7074",
                                    "#546570",
                                    "#c4ccd3",
                                    "#f05b72",
                                    "#ef5b9c",
                                    "#f47920",
                                    "#905a3d",
                                    "#fab27b",
                                    "#2a5caa",
                                    "#444693",
                                    "#726930",
                                    "#b2d235",
                                    "#6d8346",
                                    "#ac6767",
                                    "#1d953f",
                                    "#6950a1",
                                    "#918597"
                                ],
                                "series": [
                                    {
                                        "type": "pie",
                                        "name": "案件类型",
                                        "clockwise": true,
                                        "data": {{ obj.pic3_2|safe }},
                                        "radius": [
                                            0,
                                            "40%"
                                        ],
                                        "center": [
                                            "60%",
                                            "50%"
                                        ],
                                        "label": {
                                            "show": true,
                                            "position": "inner",
                                            "margin": 8
                                        },
                                        "tooltip": {
                                            "show": true,
                                            "trigger": "item",
                                            "triggerOn": "mousemove|click",
                                            "axisPointer": {
                                                "type": "line"
                                            },
                                            "formatter": "{a} <br/>{b}: {c} ({d}%)",
                                            "textStyle": {
                                                "fontSize": 14
                                            },
                                            "borderWidth": 0
                                        },
                                        "rippleEffect": {
                                            "show": true,
                                            "brushType": "stroke",
                                            "scale": 2.5,
                                            "period": 4
                                        }
                                    },
                                    {
                                        "type": "pie",
                                        "name": "案件类型",
                                        "clockwise": true,
                                        "data":{{ obj.pic3_1|safe }},
                                        "radius": [
                                            "50%",
                                            "65%"
                                        ],
                                        "center": [
                                            "60%",
                                            "50%"
                                        ],
                                        "label": {
                                            "show": true,
                                            "position": "outside",
                                            "margin": 8,
                                            "formatter": "{a|{a}}{abg|}\n{hr|}\n {b|{b}: }{c}  {per|{d}%}  ",
                                            "backgroundColor": "#eee",
                                            "borderColor": "#aaa",
                                            "borderWidth": 1,
                                            "borderRadius": 4,
                                            "rich": {
                                                "a": {
                                                    "color": "#999",
                                                    "lineHeight": 22,
                                                    "align": "center"
                                                },
                                                "abg": {
                                                    "backgroundColor": "#e3e3e3",
                                                    "width": "100%",
                                                    "align": "right",
                                                    "height": 22,
                                                    "borderRadius": [
                                                        4,
                                                        4,
                                                        0,
                                                        0
                                                    ]
                                                },
                                                "hr": {
                                                    "borderColor": "#aaa",
                                                    "width": "100%",
                                                    "borderWidth": 0.5,
                                                    "height": 0
                                                },
                                                "b": {
                                                    "fontSize": 16,
                                                    "lineHeight": 33
                                                },
                                                "per": {
                                                    "color": "#eee",
                                                    "backgroundColor": "#334455",
                                                    "padding": [
                                                        2,
                                                        4
                                                    ],
                                                    "borderRadius": 2
                                                }
                                            }
                                        },
                                        "tooltip": {
                                            "show": true,
                                            "trigger": "item",
                                            "triggerOn": "mousemove|click",
                                            "axisPointer": {
                                                "type": "line"
                                            },
                                            "formatter": "{a} <br/>{b}: {c} ({d}%)",
                                            "textStyle": {
                                                "fontSize": 14
                                            },
                                            "borderWidth": 0
                                        },
                                        "rippleEffect": {
                                            "show": true,
                                            "brushType": "stroke",
                                            "scale": 2.5,
                                            "period": 4
                                        }
                                    }
                                ],
                                "legend": [
                                    {
                                        "data": [
                                            "农业案件",
                                            "畜牧兽医案件",
                                            "农机案件",
                                            "渔业案件",
                                            "种子",
                                            "化肥",
                                            "农药",
                                            "动监",
                                            "饲料",
                                            "兽药",
                                            "屠宰",
                                            "农机",
                                            "渔业"
                                        ],
                                        "selected": {},
                                        "show": true,
                                        "left": "100px",
                                        "top": "middle",
                                        "orient": "vertical",
                                        "padding": 5,
                                        "itemGap": 10,
                                        "itemWidth": 25,
                                        "itemHeight": 14
                                    }
                                ],
                                "tooltip": {
                                    "show": true,
                                    "trigger": "item",
                                    "triggerOn": "mousemove|click",
                                    "axisPointer": {
                                        "type": "line"
                                    },
                                    "textStyle": {
                                        "fontSize": 14
                                    },
                                    "borderWidth": 0
                                },
                                "title": [
                                    {
                                        "padding": 5,
                                        "itemGap": 10
                                    }
                                ],
                            };
                            chart_45a0a9e0f0774838b29f87bb26663af4.setOption(option_45a0a9e0f0774838b29f87bb26663af4);
                            var a = 1
                            $(window).resize(function () {
                                var w = $('#45a0a9e0f0774838b29f87bb26663af4 canvas').width()
                                $('#45a0a9e0f0774838b29f87bb26663af4 canvas').width(w)
                                $('#45a0a9e0f0774838b29f87bb26663af4 canvas').height(w / 2.5)
                            });
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--办案数量地图展示-->
    <div class="row-fluid">
        <div class="widget-box">
            <div class="widget-title bg_lg"><span class="icon"><i class="icon-signal"></i></span>
                <h5>办案数量地图展示</h5>
            </div>
            <div class="widget-content">
                <div class="row-fluid">
                    <div class="span12 myspan12">
                        <div id="722989a56fab46a687e3b063dec8946d" class="chart-container"
                             style="height: 800px; margin: 0 auto"></div>
                        <script>
                            $('#722989a56fab46a687e3b063dec8946d').width($('.myspan12').width())
                        </script>
                        <script>
                            var chart_722989a56fab46a687e3b063dec8946d = echarts.init(
                                document.getElementById('722989a56fab46a687e3b063dec8946d'), 'white', {renderer: 'canvas'});
                            var option_722989a56fab46a687e3b063dec8946d = {
                                "animation": true,
                                "animationThreshold": 2000,
                                "animationDuration": 1000,
                                "animationEasing": "cubicOut",
                                "animationDelay": 0,
                                "animationDurationUpdate": 300,
                                "animationEasingUpdate": "cubicOut",
                                "animationDelayUpdate": 0,
                                "color": [
                                    "#c23531",
                                    "#2f4554",
                                    "#61a0a8",
                                    "#d48265",
                                    "#749f83",
                                    "#ca8622",
                                    "#bda29a",
                                    "#6e7074",
                                    "#546570",
                                    "#c4ccd3",
                                    "#f05b72",
                                    "#ef5b9c",
                                    "#f47920",
                                    "#905a3d",
                                    "#fab27b",
                                    "#2a5caa",
                                    "#444693",
                                    "#726930",
                                    "#b2d235",
                                    "#6d8346",
                                    "#ac6767",
                                    "#1d953f",
                                    "#6950a1",
                                    "#918597"
                                ],
                                "series": [
                                    {
                                        "type": "map",
                                        "name": "各地办案数",
                                        "label": {
                                            "show": true,
                                            "position": "top",
                                            "margin": 8
                                        },
                                        "mapType": "河南",
                                        "data":{{ obj.pic4|safe }},
                                        "roam": true,
                                        "zoom": 1,
                                        "showLegendSymbol": true,
                                        "emphasis": {}
                                    }
                                ],
                                "legend": [
                                    {
                                        "data": [
                                            "各地办案数"
                                        ],
                                        "selected": {
                                            "各地办案数": true
                                        },
                                        "show": false,
                                        "padding": 5,
                                        "itemGap": 10,
                                        "itemWidth": 25,
                                        "itemHeight": 14
                                    }
                                ],
                                "tooltip": {
                                    "show": true,
                                    "trigger": "item",
                                    "triggerOn": "mousemove|click",
                                    "axisPointer": {
                                        "type": "line"
                                    },
                                    "textStyle": {
                                        "fontSize": 14
                                    },
                                    "borderWidth": 0
                                },
                                "title": [
                                    {
                                        "padding": 5,
                                        "itemGap": 10
                                    }
                                ],
                                "visualMap": {
                                    "show": true,
                                    "type": "continuous",
                                    "min": 0,
                                    "max": {{ obj.pic4_max }},
                                    "inRange": {
                                        "color": [
                                            "#50a3ba",
                                            "#eac763",
                                            "#d94e5d"
                                        ]
                                    },
                                    "calculable": true,
                                    "inverse": false,
                                    "splitNumber": 5,
                                    "orient": "vertical",
                                    "left": "15%",
                                    "bottom": "150px",
                                    "showLabel": true,
                                    "itemWidth": 20,
                                    "itemHeight": 140,
                                    "borderWidth": 0
                                }
                            };
                            chart_722989a56fab46a687e3b063dec8946d.setOption(option_722989a56fab46a687e3b063dec8946d);
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block js %}
    <script>
        $('.fhsy').addClass('active')
        $(window).resize(function () {
            $("#9c893740665f41449c15edcb71e5b539 canvas").width($('.myspan12').width());
            $("#9c893740665f41449c15edcb71e5b540 canvas").width($('.myspan12').width());
            $("#9c893740665f41449c15edcb71e5b540 canvas").width($('.myspan12').width());
            $('#722989a56fab46a687e3b063dec8946d canvas').width($('.myspan12').width());
            window.location.reload()
        });
    </script>
{% endblock %}